<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于我们 - AI 智享生活管家</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
    <link href="../css/custom.css" rel="stylesheet">
</head>
<body class="bg-gray-50">
    <!-- 状态栏 -->
    <div class="status-bar">
        <img src="../images/status-bar.png" alt="状态栏" class="w-full h-full object-cover">
    </div>

    <!-- 内容区域 -->
    <div class="content-area">
        <!-- 顶部导航 -->
        <nav class="px-4 py-2 flex items-center border-b">
            <a href="profile.html" class="text-gray-600">
                <i class="fas fa-chevron-left text-xl"></i>
            </a>
            <h1 class="flex-1 text-center font-semibold">关于我们</h1>
        </nav>

        <!-- Logo和版本信息 -->
        <div class="px-8 py-12 text-center">
            <i class="fas fa-robot text-6xl text-blue-500"></i>
            <h2 class="text-xl font-bold mt-4">AI 智享生活管家</h2>
            <p class="text-gray-500 mt-2">版本 1.0.0</p>
        </div>

        <!-- 功能介绍 -->
        <div class="px-4">
            <div class="bg-white rounded-xl p-6">
                <h3 class="font-semibold mb-4">产品简介</h3>
                <p class="text-gray-600 text-sm leading-relaxed">
                    AI智享生活管家是一款集成了多种智能服务的生活助手应用。我们致力于通过AI技术，为用户提供更便捷、更智能的生活服务体验。
                </p>
            </div>

            <!-- 功能特点 -->
            <div class="mt-4 bg-white rounded-xl p-6">
                <h3 class="font-semibold mb-4">核心功能</h3>
                <div class="space-y-4">
                    <div class="flex items-start">
                        <i class="fas fa-brain text-blue-500 mt-1"></i>
                        <div class="ml-3">
                            <h4 class="font-medium">AI智能助手</h4>
                            <p class="text-sm text-gray-500 mt-1">提供智能对话、任务规划等服务</p>
                        </div>
                    </div>
                    <div class="flex items-start">
                        <i class="fas fa-book text-green-500 mt-1"></i>
                        <div class="ml-3">
                            <h4 class="font-medium">智能读书笔记</h4>
                            <p class="text-sm text-gray-500 mt-1">AI辅助阅读理解与笔记整理</p>
                        </div>
                    </div>
                    <div class="flex items-start">
                        <i class="fas fa-heartbeat text-red-500 mt-1"></i>
                        <div class="ml-3">
                            <h4 class="font-medium">健康管理</h4>
                            <p class="text-sm text-gray-500 mt-1">个性化的健康数据分析与建议</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 联系方式 -->
            <div class="mt-4 bg-white rounded-xl p-6">
                <h3 class="font-semibold mb-4">联系我们</h3>
                <div class="space-y-3 text-sm">
                    <div class="flex items-center">
                        <i class="fas fa-envelope text-gray-400 w-5"></i>
                        <span class="ml-2">support@ailife.com</span>
                    </div>
                    <div class="flex items-center">
                        <i class="fas fa-phone text-gray-400 w-5"></i>
                        <span class="ml-2">400-888-8888</span>
                    </div>
                    <div class="flex items-center">
                        <i class="fab fa-weixin text-gray-400 w-5"></i>
                        <span class="ml-2">官方公众号：AI智享生活</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html> 
